<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
</head>
<body>
<div class="wrap">
    <div class="header-right">
        <div class="logo">
            <a href="index.html"><img src="images/logo.png" alt=""/> </a>
        </div>
        <div class="menu">
            <ul class="nav">
                <li class="active"><a href="index.html">主站</a></li>
                <li><a href="artists.html">摄影</a></li>
                <li><a href="blog.html">相博首页</a></li>
                <li><a href="contact.html">活动中心</a></li>
            </ul>
            <form class="searchform" action="#">
                <input class="searchfield" type="text" value="Search..."
                       onfocus="if (this.value == 'Search...') {this.value = '';}"
                       onblur="if (this.value == '') {this.value = 'Search...';}"/>
            </form>
        </div>
        <div class="clear"></div>
    </div>
    <div class="header-left">
        <section>
            <ul class="lb-album">
                <li>
                    <a href="#image-1">
                        <img src="images/thumbs/1.jpg" alt="image01" style="width: 260px;height: 160px;">
                        <span>梦英</span>
                    </a>
                    <div class="lb-overlay" id="image-1">
                        <a href="#page" class="lb-close">关闭</a>
                        <img src="images/full/1.jpg" alt="image01"/>
                        <div>
                            <h3>梦英 <span></h3>
                            <p>我在躺草地上，想着商业梦想</p>
                        </div>

                    </div>
                </li>
                <li>
                    <a href="#image-2">
                        <img src="images/thumbs/2.jpg" alt="image02" style="width: 260px;height: 160px;">
                        <span>博士飞机</span>
                    </a>
                    <div class="lb-overlay" id="image-2">
                        <img src="images/full/2.jpg" alt="image02"/>
                        <div>
                            <h3>博士飞机<span>/ˌpôr də ˈbrä/</h3>
                            <p>戴眼镜的博士正在看着头顶的飞机，展望未来</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-3">
                        <img src="images/thumbs/3.jpg" alt="image03" style="width: 260px;height: 160px;">
                        <span>帅哥</span>
                    </a>
                    <div class="lb-overlay" id="image-3">
                        <img src="images/full/3.jpg" alt="image03"/>
                        <div>
                            <h3>帅哥<span>/plēˈā/</h3>
                            <p>汽车周围站着四大帅哥，有两个很帅</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-4">
                        <img src="images/thumbs/4.jpg" alt="image04" style="width: 260px;height: 160px;">
                        <span>迎春</span>
                    </a>
                    <div class="lb-overlay" id="image-4">
                        <img src="images/full/4.jpg" alt="image04"/>
                        <div>
                            <h3>迎春<span>/əˈdäjō/</h3>
                            <p>这是一部动漫，日本的迎春动漫</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-5">
                        <img src="images/thumbs/5.jpg" alt="image05" style="width: 260px;height: 160px;">
                        <span>5868.com</span>
                    </a>
                    <div class="lb-overlay" id="image-5">
                        <img src="images/full/5.jpg" alt="image05"/>
                        <div>
                            <h3>5868.com<span>/fraˈpā/</h3>
                            <p>5868.com欢迎您</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-6">
                        <img src="images/thumbs/6.jpg" alt="image06" style="width: 260px;height: 160px;">
                        <span>Glissade</span>
                    </a>
                    <div class="lb-overlay" id="image-6">
                        <img src="images/full/6.jpg" alt="image06"/>
                        <div>
                            <h3>闷热哥<span>/gliˈsäd/</h3>
                            <p>闷热哥正在沉思</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-7">
                        <img src="images/thumbs/7.jpg" alt="image07" style="width: 260px;height: 160px;">
                        <span>十九番事务所</span>
                    </a>
                    <div class="lb-overlay" id="image-7">
                        <img src="images/full/7.jpg" alt="image07"/>
                        <div>
                            <h3>j十九番事务所</h3>
                            <p>十九番事务所动漫在线等待你的到来</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-8">
                        <img src="images/thumbs/8.jpg" alt="image08" style="width: 260px;height: 160px;">
                        <span>大头儿子</span>
                    </a>
                    <div class="lb-overlay" id="image-8">
                        <img src="images/full/8.jpg" alt="image08"/>
                        <div>
                            <h3>大头儿子</h3>
                            <p>大头儿子和小头爸爸/p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-9">
                        <img src="images/thumbs/9.jpg" alt="image09" style="width: 260px;height: 160px;">
                        <span>两个美少女</span>
                    </a>
                    <div class="lb-overlay" id="image-9">
                        <img src="images/full/9.jpg" alt="image09"/>
                        <div>
                            <h3>两个美少女<span>/ˌarəˈbesk/</h3>
                            <p>两个美少女正在憧憬未来</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-10">
                        <img src="images/thumbs/10.jpg" alt="image10" style="width: 260px;height: 160px;">
                        <span>我是小爱</span>
                    </a>
                    <div class="lb-overlay" id="image-10">
                        <img src="images/full/10.jpg" alt="image10"/>
                        <div>
                            <h3>我是小爱</h3>
                            <p>A female ballet dancer</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-11">
                        <img src="images/thumbs/11.jpg" alt="image10" style="width: 260px;height: 160px;">
                        <span>恐龙</span>
                    </a>
                    <div class="lb-overlay" id="image-11">
                        <img src="images/full/11.jpg" alt="image10"/>
                        <div>
                            <h3>恐龙</h3>
                            <p>恐龙的诞生</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
                <li>
                    <a href="#image-12">
                        <img src="images/thumbs/12.jpg" alt="image10" style="width: 260px;height: 160px;">
                        <span>兄弟</span>
                    </a>
                    <div class="lb-overlay" id="image-12">
                        <img src="images/full/12.jpg" alt="image10"/>
                        <div>
                            <h3>兄弟<span>/ˌbaləˈrēnə/</h3>
                            <p>两个好兄弟</p>
                        </div>
                        <a href="#page" class="lb-close">关闭</a>
                    </div>
                </li>
            </ul>
        </section>
        <div class="tlinks">Collect from <a href="http://www.cssmoban.com/">网页模板</a></div>
        <div class="clear"></div>
        <div class="main">
            <div class="content">
                <h2>美少女战士</h2>
                <div class="banner">
                    <a href="details_link2.html"><img src="images/pic1.jpg" alt=""></a>
                </div>
                <p class="para-top">《美少女战士》是一部由东映动画制作的魔法少女变身类动画片，该片由佐藤顺一、几原邦彦等导演，富田佑弘、榎户洋司等编剧
                    ，该剧集于1992年3月7日在日本首播，由东映动画制作发行 。本商业动画的代表作，它还被翻译成多国语言，在亚洲乃至欧美等国家和地区播映。</p>
                <div class="readmore">
                    <a href="details_link2.html">
                        <button class="btn btn-3 btn-3e icon-arrow-right">详细</button>
                    </a>
                </div>
                <!--<div class="banner">-->
                    <!--<a href="details.html"><img src="images/pic2.jpg" alt=""></a>-->
                <!--</div>-->

                <h2>火影忍者疾风传</h2>
                <div class="banner">
                    <a href="details_link1.html"><img src="images/pic2.jpg" alt=""></a>
                </div>
                <p class="para-top">《火影忍者疾风传》（日文：NARUTO -ナルト- 疾风伝；英文：Naruto: Shippuden）是根据漫画家岸本齐史的作品《火影忍者》的第二部改编的动画，是动画《火影忍者》的续篇。内容描述漩涡鸣人在跟随自来也修行2年半后返回木叶忍者村，并与觊觎九尾妖狐的“晓”组织战斗的故事。</p>
                <div class="readmore">
                    <a href="details_link1.html">
                        <button class="btn btn-3 btn-3e icon-arrow-right">详细</button>
                    </a>
                </div>



            </div>
            <div class="sidebar">
                <div class="blog">
                    <h2>画友</h2>
                    <div class="blog-img">
                        <img src="images/blog2.jpg" alt="">
                    </div>
                    <div class="blog-text">
                        <a href="./details_link3.html" class="link4">择天记</a><br>
                        <span class="color1">中国大陆</span><br>
                        <span class="link-top">简介: <a href="./details_link3.html" class="color2">动画大电影《择天记》源自猫腻同名小说改编而来，影片目前仍在加紧筹备中……
动画大电影的《择天记》与原作之间会有何区别呢？
</a> </span>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="blog">
                    <div class="blog-img">
                        <img src="images/blog1.jpg" alt="">
                    </div>
                    <div class="blog-text">
                        <a href="./details_link4.html" class="link4">画江湖之不良人</a><br>
                        <a href="./details_link4.html" class="color2">简介</a> / <a href="./details_link4.html"
                                                                                  class="color2">动漫画江湖之不良人2剧情讲述了龙泉宝藏重现于世，不良人、玄冥教、通文馆、幻音坊、天师府等江湖势力闻风而动!</a><br>
                        <span class="link-top">剧情: <a href="#" class="color2">动作 武侠</a> </span>
                    </div>
                    <div class="clear"></div>
                </div>

                <!--<div class="readmore">-->
                <!--<a href="details.html">-->
                <!--<button class="btn btn-3 btn-3e icon-arrow-right">View All</button>-->
                <!--</a>-->
                <!--</div>-->
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div class="footer-bg">
    <div class="wrap">
        <div class="f-main">
            <div class="f-icons">
                <h4>Follow Us</h4>
                <nav>
                    <ul>
                        <li><a href="#"><img src="images/fb.png" title="facebook" alt=""></a></li>
                        <li><a href="#"><img src="images/twitter.png" title="twitter" alt=""></a></li>
                        <li><a href="#"><img src="images/gplus.png" title="gplus" alt=""></a></li>
                        <li><a href="#"><img src="images/feed.png" title="feed" alt=""></a></li>
                        <li><a href="#"><img src="images/plus.png" title="pinterest" alt=""></a></li>
                    </ul>
                </nav>
            </div>

            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="ftr-bg">
    <div class="wrap">
        <div class="footer">
            <p class="w3-link"><span>Copyright &copy; 2014.Company name All rights reserved.More Templates </span></p>
        </div>
    </div>
</div>

</body>
</html>